<template>
  <div flex-middle h-full w-full ml24>
    <dv-percent-pond :config="config" style="width: 200px; height: 100px" />
  </div>
</template>
<script setup>
const config = reactive({
  value: 66,
});

onMounted(() => {
  setInterval(updateData, 2000);
});

const updateData = () => {
  config.value = Math.floor(Math.random() * (100 - 1)) + 1;
};
</script>
